<template>
  <order-list   @onItemClick="onItemClick" :status="0">
    <template #footer="slotProps">
      <div>

        <payment-footer v-if="slotProps.order.orderStatus===101" :order ="slotProps.order" :onDataChange="slotProps.onDataChange" />
        <paid-footer v-else-if="slotProps.order.orderStatus===201" />
        <no-delivery-footer v-else-if="slotProps.order.orderStatus===301"  :order ="slotProps.order"/>
        <no-evaluate-footer v-else-if="slotProps.order.orderStatus===401"  :order ="slotProps.order"/>
        <close v-else  :order ="slotProps.order"/>

      </div>
    </template>
  </order-list>
</template>

<script>
import OrderList from '../../components/OrderList'
import NoEvaluateFooter from '../../components/NoEvaluateFooter'
import PaymentFooter from '../../components/PaymentFooter'
import PaidFooter from '../../components/PaidFooter'
import NoDeliveryFooter from '../../components/NoDeliveryFooter'
import Close from '../../components/close'

export default {
  name: 'NoEvaluate',
  components: {Close, NoDeliveryFooter, PaidFooter, PaymentFooter, NoEvaluateFooter, OrderList},
  data () {
    return {
      refreshing: false,
      loading: false,
      finished: false
    }
  },
  methods: {

    openPayment (item) {
      console.log('-------------------')
      this.$router.push({name: 'payment', params: {orderId: item.id}})
    },
    onItemClick (item) {
      this.$router.push({name: 'NoEvaluate'})
    }
  }
}
</script>

<style scoped>

</style>
